<template>
  <div>
    <GoBack :isnoShow="true">
      <div class="flex flex-col items-center justify-center">
        <div
          class="text-darkBlue dark:text-garyWhite text-22px font-black enter-y"
        >
          消息中心
        </div>
      </div>
    </GoBack>
    <van-tabs v-model:active="active" title-active-color="rgb(4, 174, 211)">
      <van-tab title="用车">
        <div>
          <PieceInfo
            :data="item"
            v-for="(item, index) in sharedData.resultList"
          />
        </div>
      </van-tab>
      <van-tab title="载客">
        <div>
          <PieceInfo
            :data="item"
            v-for="(item, index) in sharedData.resultList"
          />
        </div>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script setup lang="ts">
import GoBack from "@/components/GoBack.vue";
import { computed, onMounted, reactive, ref, unref, toRefs } from "vue";
import { useRoute, useRouter } from "vue-router";
import PieceInfo from "@/components/PieceInfo.vue";
const sharedData = reactive({
  resultList: [
    {
      status: "0",
      loginName: "嬴政",
      mobileNum: "",
      licenseNum: "",
      driveCertificateDate: "",
      upWorkSeat: 2,
      downWorkSeat: 1,
      workplace: "青年城",
      homeAddress: "花山",
      price: "",
      nums: "2",
      up: "上班",
      dan: "双程",
      dingdan:'ccyc2012-12-12'
    },
    {
      status: "1",
      loginName: "李斯",
      mobileNum: "",
      licenseNum: "",
      driveCertificateDate: "",
      upWorkSeat: 2,
      downWorkSeat: 1,
      workplace: "花山",
      homeAddress: "九峰",
      price: "",
      nums: "1",
      up: "下班班",
      dan: "单程",
      dingdan:'ccyc2011-12-13'
    },
    {
      status: "2",
      loginName: "嫪毐",
      mobileNum: "",
      licenseNum: "",
      driveCertificateDate: "",
      upWorkSeat: 2,
      downWorkSeat: 1,
      workplace: "洛阳",
      homeAddress: "长安",
      price: "",
      nums: "2",
      up: "上班",
      dan: "单程",
      dingdan:'ccyc2019-11-12'
    },
    {
      status: "3",
      loginName: "赵姬",
      mobileNum: "",
      licenseNum: "",
      driveCertificateDate: "",
      upWorkSeat: 2,
      downWorkSeat: 1,
      workplace: "赵国",
      homeAddress: "秦国",
      price: "",
      nums: "2",
      up: "上班",
      dan: "单程",
      dingdan:'ccyc2014-09-12'
    },
    {
      status: "4",
      loginName: "吕不韦",
      mobileNum: "",
      licenseNum: "",
      driveCertificateDate: "",
      upWorkSeat: 2,
      downWorkSeat: 1,
      workplace: "花山",
      homeAddress: "九峰",
      price: "",
      nums: "1",
      up: "下班",
      dan: "双程",
      dingdan:'ccyc2013-11-12'
    },
  ],
});
</script>

<style lang="less" scoped>
:deep(.van-tab__text) {
  font-size: 18px;
}
</style>
